import React,{Component} from 'react'
import MyContext from '../Mycontext'
export default class Son extends Component{
    constructor(props){
       super(props)
       this.state={}
    }
    static contextType=MyContext
        // render(){
        //     return (
        //         <MyContext.Consumer>
        //         {
        //             (value)=>{
        //                return (
        //                <div className="son">
        //                 son<br/>
        //                 {value.message}
        //                 <ul>{
        //                     value.items.map((el,index)=>{
        //                        return <li>{el.name}</li>
        //                     })
        //                 }    
        //                 </ul>
        //                 </div>
        //                )
        //             }
        //         }
                
        //         </MyContext.Consumer>
        //     )
        // }
    render(){
        let value=this.context
        return (
            <div className="son">
                son<br/>
                {value.message}
                <button onClick={value.changeMsg}>子组件改变message</button>
            </div>
        )
    }
  
}